<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/site/templates/template1.xhtml">
	<ui:define name="titulo">
		<title>..:: INSUMOS ::..</title>
	</ui:define>
	<ui:define name="lateral">
		<div id="submenuLateral">
			<h:form id="formulariomenuLateral">
				<p:growl id="mensaje" showDetail="true" life="001" sticky="true"></p:growl>
				<br></br>
				<p:separator styleClass="separatorMenuL" />
				<p:commandButton value="Crear" type="submit"
					onclick="PF('dl1').show();" icon="ui-icon-document"
					styleClass="botonMenuL">
					<p:ajax update=":formulariomenuLateral:panelMenuLateral"
						resetValues="true" />
				</p:commandButton>
				<p:dialog header="Crear Insumo" widgetVar="dl1" minHeight="80"
					height="320" width="600">
					<p:panelGrid id="panelMenuLateral" columns="4" scrollable="true"
						style="font-size: 11px;">
						<h:outputLabel for="sku" value="SKU:"></h:outputLabel>
						<p:inputText id="sku" value="#{insumoBean.insumoDTO.nvSkuInsumo}"></p:inputText>
						<h:outputLabel for="descripcion" value="Descripción:"></h:outputLabel>
						<p:inputText id="descripcion"
							value="#{insumoBean.insumoDTO.nvDescripcionInsumo}"></p:inputText>
						<h:outputLabel for="tipo" value="Tipo:"></h:outputLabel>
						<p:selectOneMenu id="tipo"
							value="#{insumoBean.insumoDTO.nvTipoInsumo}">
							<f:selectItem itemLabel="- Seleccione uno -" itemValue=""></f:selectItem>
							<f:selectItem itemValue="Inventariado" itemLabel="Inventariado"></f:selectItem>
							<f:selectItem itemValue="No inventariado"
								itemLabel="No inventariado"></f:selectItem>
						</p:selectOneMenu>
						<h:outputLabel for="displayPaca" value="Display por Paca:"></h:outputLabel>
						<p:inputText id="displayPaca"
							value="#{insumoBean.insumoDTO.dcDisplayPorPacaInsumo}"></p:inputText>
						<h:outputLabel for="unidadDisplay" value="Unidad por Display:"></h:outputLabel>
						<p:inputText id="unidadDisplay"
							value="#{insumoBean.insumoDTO.dcUnidadPorDisplayInsumo}"></p:inputText>
						<h:outputLabel for="cantidad" value="Cantidad:"></h:outputLabel>
						<p:inputText id="cantidad" disabled="true"
							value="#{insumoBean.insumoDTO.dcCantidadInsumo}"></p:inputText>
						<h:outputLabel for="costo" value="Costo:"></h:outputLabel>
						<p:inputText id="costo"
							value="#{insumoBean.insumoDTO.mnCostoInsumo}"></p:inputText>
						<h:outputLabel for="ganancia" value="Ganancia:"></h:outputLabel>
						<p:inputText id="ganancia"
							value="#{insumoBean.insumoDTO.dcGananciaInsumo}"></p:inputText>
						<h:outputLabel for="iva" value="IVA:"></h:outputLabel>
						<p:inputText id="iva" value="#{insumoBean.insumoDTO.dcIvaInsumo}"></p:inputText>
						<h:outputLabel for="precioSugerido" value="Precio Sugerido:"></h:outputLabel>
						<p:inputText id="precioSugerido"
							value="#{insumoBean.insumoDTO.mnPrecioSugeridoInsumo}"></p:inputText>
						<h:outputLabel for="cantidadMinima" value="Cantidad Minima:"></h:outputLabel>
						<p:inputText id="cantidadMinima"
							value="#{insumoBean.insumoDTO.dcCantidadMinimaInsumo}"></p:inputText>
						<h:outputLabel for="cantidadOptima" value="Cantidad Optima:"></h:outputLabel>
						<p:inputText id="cantidadOptima"
							value="#{insumoBean.insumoDTO.dcCantidadOptimaInsumo}"></p:inputText>
						<h:outputLabel for="clasificacion" value="Clasificación:"></h:outputLabel>
						<p:selectOneMenu id="clasificacion"
							value="#{insumoBean.insumoDTO.nvClasificacionInsumo}">
							<f:selectItem itemLabel="- Seleccione uno -" itemValue=""></f:selectItem>
							<f:selectItem itemValue="Perecedero" itemLabel="Perecedero"></f:selectItem>
							<f:selectItem itemValue="No perecedero" itemLabel="No perecedero"></f:selectItem>
						</p:selectOneMenu>
						<h:outputLabel for="estado" value="Estado:"></h:outputLabel>
						<p:selectOneMenu id="estado"
							value="#{insumoBean.insumoDTO.nvEstadoInsumo}">
							<f:selectItem itemLabel="- Seleccione uno -" itemValue=""></f:selectItem>
							<f:selectItem itemValue="Activo" itemLabel="Activo"></f:selectItem>
							<f:selectItem itemValue="Inactivo" itemLabel="Inactivo"></f:selectItem>
						</p:selectOneMenu>
						<f:facet name="footer">
							<p:commandButton value="Crear"
								actionListener="#{insumoBean.crear}"
								update=":formulariomenuLateral:mensaje,:formularioTablaInsumo:tablaInsumo"></p:commandButton>
							<p:commandButton resetValues="true" value="Cerrar"
								onclick="PF('dl1').close();"></p:commandButton>
						</f:facet>
					</p:panelGrid>
				</p:dialog>
				<p:separator styleClass="separatorMenuL" />
				<p:button outcome="1copiar" value="Boton 2" icon="ui-icon-star"
					disabled="false" styleClass="botonMenuL" />
				<p:separator styleClass="separatorMenuL" />
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contenidoTabla">
		<div id="spacerTabla"></div>
		<div id="cuerpoTablaInsumo">
			<h:form id="formularioTablaInsumo">
				<p:panelGrid columns="15" style="width: 1200px; font-size: 9px;"
					columnClasses="centered">
					<f:facet name="header">
					  	Insumos
				 	</f:facet>
					<p:dataTable id="tablaInsumo" var="i"
						value="#{insumoBean.insumoDTOLista}" selectionMode="single"
						selection="#{insumoBean.insumoDTO}" rowKey="#{i.inCodigoInsumo}"
						scrollable="true" paginator="true"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rows="10" filteredValue="#{insumoBean.insumoFilter}">
						<p:ajax event="rowSelect"
							update=":formularioDetalleInsumo:panelDetalleInsumo"></p:ajax>
						<p:column resizable="true" sortBy="#{i.nvSkuInsumo}"
							headerText="SKU" filterBy="#{i.nvSkuInsumo}"
							filteredValue="#{i.nvSkuInsumo}" filterMatchMode="contains">
							<h:outputText value="#{i.nvSkuInsumo}" />
						</p:column>
						<p:column resizable="true" sortBy="#{i.nvDescripcionInsumo}"
							filterBy="#{i.nvDescripcionInsumo}" filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Descripción"></h:outputText>
							</f:facet>
							<h:outputText value="#{i.nvDescripcionInsumo}" />
						</p:column>
						<p:column sortBy="#{i.nvTipoInsumo}" filterBy="#{i.nvTipoInsumo}"
							filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Tipo"></h:outputText>
							</f:facet>
							<h:outputText value="#{i.nvTipoInsumo}" />
						</p:column>
						<p:column resizable="true" sortBy="#{i.dcDisplayPorPacaInsumo}"
							filterBy="#{i.dcDisplayPorPacaInsumo}" filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Display por Paca"></h:outputText>
							</f:facet>
							<h:outputText value="#{i.dcDisplayPorPacaInsumo}" />
						</p:column>
						<p:column resizable="true" sortBy="#{i.dcUnidadPorDisplayInsumo}"
							filterBy="#{i.dcUnidadPorDisplayInsumo}"
							filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Unidad por Display"></h:outputText>
							</f:facet>
							<h:outputText value="#{i.dcUnidadPorDisplayInsumo}" />
						</p:column>
						<p:column sortBy="#{i.dcCantidadInsumo}"
							filterBy="#{i.dcCantidadInsumo}" filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Cantidad"></h:outputText>
							</f:facet>
							<h:outputText value="#{i.dcCantidadInsumo}" />
						</p:column>
						<p:column sortBy="#{i.mnCostoInsumo}"
							filterBy="#{i.mnCostoInsumo}" filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Costo"></h:outputText>
							</f:facet>
							<h:outputText value="#{i.mnCostoInsumo}" />
						</p:column>
					</p:dataTable>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contenidoDetalle">
		<div id="spacerDetalle"></div>
		<div id="cuerpoDetalleInsumo">
			<h:form id="formularioDetalleInsumo">
				<p:growl id="mensajeDetalle" showDetail="true" life="1"
					sticky="true"></p:growl>
				<p:panelGrid columns="4" id="panelDetalleInsumo"
					style="width: 1200px; font-size: 9px;">
					<f:facet name="header">
						Detalle de Insumo
					</f:facet>
					<h:outputLabel for="sku" value="SKU"></h:outputLabel>
					<p:inputText id="sku" value="#{insumoBean.insumoDTO.nvSkuInsumo}"
						size="5"></p:inputText>
					<h:outputLabel for="descripcion" value="Descripción:"></h:outputLabel>
					<p:inputText id="descripcion"
						value="#{insumoBean.insumoDTO.nvDescripcionInsumo}" size="30"></p:inputText>
					<h:outputLabel for="tipo" value="Tipo:"></h:outputLabel>
					<p:selectOneMenu id="tipo"
						value="#{insumoBean.insumoDTO.nvTipoInsumo}">
						<f:selectItem itemLabel="- Seleccione uno -" itemValue=""></f:selectItem>
						<f:selectItem itemValue="Inventariado" itemLabel="Inventariado"></f:selectItem>
						<f:selectItem itemValue="No inventariado"
							itemLabel="No inventariado"></f:selectItem>
					</p:selectOneMenu>
					<h:outputLabel for="display" value="Display por Paca:"></h:outputLabel>
					<p:inputText id="display"
						value="#{insumoBean.insumoDTO.dcDisplayPorPacaInsumo}" size="5"></p:inputText>
					<h:outputLabel for="unidad" value="Unidad por Display:"></h:outputLabel>
					<p:inputText id="unidad"
						value="#{insumoBean.insumoDTO.dcUnidadPorDisplayInsumo}" size="5"></p:inputText>
					<h:outputLabel for="costo" value="Costo:"></h:outputLabel>
					<p:inputText id="costo"
						value="#{insumoBean.insumoDTO.mnCostoInsumo}" size="5"></p:inputText>
					<h:outputLabel for="ganancia" value="Ganancia:"></h:outputLabel>
					<p:inputText id="ganancia"
						value="#{insumoBean.insumoDTO.dcGananciaInsumo}" size="5"></p:inputText>
					<h:outputLabel for="iva" value="IVA:"></h:outputLabel>
					<p:inputText id="iva" value="#{insumoBean.insumoDTO.dcIvaInsumo}"
						size="5"></p:inputText>
					<h:outputLabel for="precio" value="Precio Sugerido:"></h:outputLabel>
					<p:inputText id="precio"
						value="#{insumoBean.insumoDTO.mnPrecioSugeridoInsumo}" size="5"></p:inputText>
					<h:outputLabel for="cantmin" value="Cantidad Minima:"></h:outputLabel>
					<p:inputText id="cantmin"
						value="#{insumoBean.insumoDTO.dcCantidadMinimaInsumo}" size="5"></p:inputText>
					<h:outputLabel for="cantopt" value="Cantidad Optima:"></h:outputLabel>
					<p:inputText id="cantopt"
						value="#{insumoBean.insumoDTO.dcCantidadOptimaInsumo}" size="5"></p:inputText>
					<h:outputLabel for="clasificacion" value="Clasificación:"></h:outputLabel>
					<p:selectOneMenu id="clasificacion"
						value="#{insumoBean.insumoDTO.nvClasificacionInsumo}">
						<f:selectItem itemLabel="- Seleccione uno -" itemValue=""></f:selectItem>
						<f:selectItem itemValue="Perecedero" itemLabel="Perecedero"></f:selectItem>
						<f:selectItem itemValue="No perecedero" itemLabel="No perecedero"></f:selectItem>
					</p:selectOneMenu>
					<h:outputLabel for="estado" value="Estado:"></h:outputLabel>
					<p:selectOneMenu id="estado"
						value="#{insumoBean.insumoDTO.nvEstadoInsumo}">
						<f:selectItem itemLabel="- Seleccione uno -" itemValue=""></f:selectItem>
						<f:selectItem itemValue="Activo" itemLabel="Activo"></f:selectItem>
						<f:selectItem itemValue="Inactivo" itemLabel="Inactivo"></f:selectItem>
					</p:selectOneMenu>
					<p:inputText id="codigo" type="hidden"
						value="#{insumoBean.insumoDTO.inCodigoInsumo}" size="5"></p:inputText>
					<p:inputText id="cantidad" type="hidden"
						value="#{insumoBean.insumoDTO.dcCantidadInsumo}" size="5"></p:inputText>
					<f:facet name="footer">
						<p:commandButton type="submit" value="Actualizar" style="margin:0"
							actionListener="#{insumoBean.actualizar}"
							update=":formularioDetalleInsumo,:formularioTablaInsumo:tablaInsumo"
							styleClass="styleOrange"></p:commandButton>
					</f:facet>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>